.body{
    overflow: hidden;
}
.top_information {
    height: 12vh;
    background-color: #28c7aa;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

.user_info {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 50px;
}

.main_content {
    display: flex;
    height: calc(100vh - 12vh); /* 剩余高度 */
    width: 100%;
}

.navigator {
    width: 15vw; /* 左侧导航栏宽度 */
    height: 100%; /* 填满整个高度 */
    background-color: #32CCBC;
    overflow: hidden; /* 确保侧边栏不滚动 */
}

.main_content_area {
    flex-grow: 1; /* 填满剩余空间 */
    background-color: #f0f2f5;
    overflow-y: auto; /* 添加滚动行为 */
    padding: 20px; /* 可选：添加内边距 */
}
.user_info {
    display: flex;
    align-items: center; /* 垂直居中 */
    gap: 20px; /* 头像和昵称之间的间距 */
    padding-right: 50px;
}

.main_content {
    display: flex;
    height: 88vh; /* 剩余高度 */
    width: 100%;
}

.navigator {
    width: 15vw; /* 左侧导航栏宽度 */
    height: 100%; /* 填满整个高度 */
    background-color: #32CCBC;
}

.main_content_area {
    flex-grow: 1; /* 填满剩余空间 */
    background-color: #f0f2f5; /* 示例背景色 */
}
